

.container{
    height: 100%;
    /* background-image: linear-gradient(to right, #fbc2eb,#a6c1ee); */
    background: url(../img/bg/indexbg.png) no-repeat center center fixed;
}


.header{
    height: 10%;
    background-color: rgba(28, 43, 53, 0.8);
    display: flex;
    align-items: center; /*定义body的元素垂直居中*/
    justify-content: center; /*定义body的里的元素水平居中*/
}
.header .title{
    font-size: 50px;
    color: white;
    letter-spacing: 20px;

    /* background-color: white; */
}
.loginDiv{
    height: 55%;
    width: 38%;
    /* 实现垂直左右居中 */
    position: relative;
    left: 50%;
    top: 44%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    background: rgba(48, 48, 48, 0.2);
    backdrop-filter: saturate(180%) blur(10px);
}
.loginDiv .loginhead{
    font-size: 46px;
    text-align: center;
    color: rgb(24, 24, 24);
    padding: 50px 0;
    letter-spacing: 20px;
}

.loginDiv .inputItem{
    /* 清除默认边框 */
    border: 0;
    display: block;
    border-bottom: rgb(63, 62, 62) 2px solid;
    margin: 30px auto;
    padding: 10px;
    width: 44%;
    color: white;
    font-size: 24px;
    outline: none;
    /* 清楚输入框内的所有背景样式 */
    background: none;

}

.loginDiv .inputItem::placeholder{
    text-transform: uppercase;
    color: rgb(209, 209, 209);
    font-size: 20px;
}
.inputForm button{
    display: block;
    height: 50px;
    width: 40%;
    margin: 50px auto 0;
    background-color: rgb(28, 43, 53);

    border: none;
    font-size: 20px;
    color: #fff;
    outline: none;
}
.inputForm button:hover{
    cursor: pointer;
  background-color: rgb(223, 85, 50);

}
.loginDiv .footer{
    margin: 50px;
    text-align: center;
}
.loginDiv .footer a{
    margin-left: 1%;
    color: rgb(223, 85, 50);
    border-bottom: black solid 1px;
}